<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人注册</title>
    <link rel="stylesheet" href="./css/safepublic.css">
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
<div class="header">
    <div class="logo-con clearfix">
        <a href="" class="logo">
        </a>
        <div class="logo-title">欢迎注册</div>
        <div class="have-account">已有账号？ <a href="https://passport.jd.com/new/login.aspx?ReturnUrl=https://www.jd.com">请登录&gt;</a></div>
    </div>
</div>
<div class="register">
    <div class="progress-bar clearfix">
        <div class="step step1">
            <span class="step-index curr-step">1</span>
            <p class="step-desc curr-step">验证邮箱</p>
        </div>
        <div class="pro-line pro-line1 "></div>
        <div class="step step2">
            <span class="step-index ">2</span>
            <p class="step-desc">填写账号信息</p>
        </div>
        <div class="pro-line pro-line2"></div>
        <div class="step step3">
            <span class="step-index ">3</span>
            <p class="step-desc">注册成功</p>
        </div>
    </div>
    <div class="form">
        <form action="">
            <div class="check-email">
                <div class="q email clearfix" id="email">
                    <span class="label">验证邮箱</span><div class="input"><input name="email" type="text" placeholder="建议使用常用的邮箱"></div>
                </div>
                <div class="tip"></div>
                <div class="checkbtn">点击按钮进行验证</div>
                <div class="tip"></div>
                <div class="check-code hidden">
                    <p class="msg">验证码已发送,请注意查收邮箱的验证码哦</p>
                    <div class="q center clearfix" id="checkcode">
                        <em>验证码</em><label><input name="check_code" type="text"></label>
                    </div>
                    <div class="btn">验证</div>
                    <span class="time">(60s)</span>
                    <div class="clearfix"></div>
                    <div class="tip" style="width: 240px;margin:0 auto;text-align: left;padding-left: 10px"></div>
                </div>
                <div class="next">下一步</div>
            </div>
            <div class="enter-info hidden">
                <div class="q user clearfix" id="user">
                    <span class="label">账号</span><div class="input"><input name="user" type="text"></div>
                </div>
                <div class="tip"></div>
                <div class="q pwd clearfix" id="pwd">
                    <span class="label">密码</span><div class="input"><input name="pwd" type="password"></div>
                </div>
                <div class="tip"></div>
                <div class="q pwd2 clearfix" id="pwd2">
                    <span class="label">确认密码</span><div class="input"><input name="pwd2" type="password"></div>
                </div>
                <div class="tip"></div>
                <div class="next">下一步</div>
                <div class="tip"></div>
            </div>
            <div class="success hidden">
                <div class="msg">
                    <span></span>
                    <p>注册成功,去登录PandaShop逛逛吧~</p>
                </div>
                <div class="next"><a href="">去登录</a></div>
            </div>
        </form>
    </div>
</div>
<div class="footer">
    <div class="copyright">
        Copyright©2020-2021&nbsp;&nbsp;pandashop.com&nbsp;版权所有
    </div>
</div>
<script src="./js/jquery-3.4.1.js"></script>
<script src="./js/register.js"></script>
</body>
</html>